<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body,p,h2{margin:0;}
ul{margin:0; padding:0; list-style:none;}
img{border:none; vertical-align:top; }
a{text-decoration:none;}
strong{font-size:15px; line-height:30px; color:#825d5b;}
p{font-size:12px; line-height:12px;}
.wrap{width:728px; height:620px; padding:15px 0 0 23px;}
.box{width:696px;}
.head{height:28px; border-bottom:1px solid #dddddd;}
.head h2{font-size:18px; color:#666666; float:left;}
.head a{display:block; font-size:12px; color:#825d5b; line-height:12px; float:right;}
.books{width:750px;padding-top:23px; overflow:hidden;}
.books li{float:left; width:110px; height:277px; padding-right:36px;}
.books strong{}
.books .author{line-height:20px; color:#333333;}
.books .price{line-height:28px; color:#a15d9b;}
</style>
</head>
 
<body>
<div class="wrap">
  <div class="box">
    <ul class="head">
      <li><h2>最新上架</h2></li>
      <li><a href="#">更多新上架</a></li>
    </ul>
    <ul class="books">
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li>
      <li>
        <a href="#">
          <img src="img7/book.jpg">
          <strong>鸳鸯谱</strong>
        </a>
        <p class="author">东东枪 等</p>
        <p class="price">8.00元</span></p>
      </li> 
    </ul>
  </div>
</div>
</body>
</html>
